<template>
  <view>
    <view class="uni-margin-wrap">
      <swiper class="swiper mingshi"
              circular
              indicator-dots="indicatorDots"
              autoplay="autoplay"
              interval="10000"
              duration="duration"
              display-multiple-items="3"
              disable-touch="false"
      >

        <swiper-item v-for="(item, index) in props.date_mingshi" :key="index" style="cursor:default;">
          <div class="swiper-item">
            <img :src="sheep.$url.cdn(item.src)" mode="widthFix" />
          </div>
        </swiper-item>

      </swiper>
    </view>
  </view>
</template>

<script setup>
  import { computed, reactive, onMounted } from 'vue';

  import $api from '@/sheep/api';
  import $store from '@/sheep/store';
  import $url from '@/sheep/url';
  import $router from '@/sheep/router';
  import $platform from '@/sheep/platform';
  import $helper from '@/sheep/helper';
  const sheep = {
    $api,
    $store,
    $url,
    $router,
    $platform,
    $helper,
  };
  const props = defineProps({
    date_mingshi:{
          type:Object,
          default:()=>({})
        }
  });
  //console.log(props)
</script>

<style scoped>
  .swiper-item{
    padding: 10px;
  }
  .sp-img{
    width: 100%;
    height: 330px;
  }
  .mingshi{
    height: 270px;
    .swiper-item{
      margin: 10px;
      width: 100%;
  img{
    width: 100%;
  }
      image{
        width: 100%;
        height: 310px;

      }
    }
  }
</style>